import OperationCharts from "@/components/dashboard/charts/operation-charts";
import HomeCard from "@/components/dashboard/home-card";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";

export default function Page() {
  return (
    <div className="mr-4 ml-4">
      {/* <div className="mt-4 mb-2 font-sans font-bold italic text-2xl tracking-wide text-gray-600">
        欢迎使用货机机队管理平台
      </div> */}
      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-6">
        <HomeCard />
      </div>
      <div className="mt-4">
        <Tabs defaultValue="operation" className="w-full">
          <TabsList>
            <TabsTrigger value="operation">生产运行</TabsTrigger>
            <TabsTrigger value="saftyQuality">安全质量</TabsTrigger>
            <TabsTrigger value="adminMgmt">行政管理</TabsTrigger>
            <TabsTrigger value="training">培训</TabsTrigger>
          </TabsList>
          <TabsContent value="operation" className="w-full">
            <OperationCharts className="h-full" />
          </TabsContent>
          <TabsContent value="saftyQuality">安全质量图表</TabsContent>
          <TabsContent value="adminMgmt">行政管理图表</TabsContent>
          <TabsContent value="training">培培训图表</TabsContent>
        </Tabs>
      </div>
    </div>
  );
}
